<template>
	<view class="wraaper">
		<view class="lookitem">
			<view class="flex">
				<view class="flex-1">
					<view class="fc-32 fs-40">陈大壮
						<text class="fc-66 fs-26 pad-left-30">昨天18:09</text>
					</view>
					<view class="fc-66 fs-26 mar-top-10">7年工作经验 · 25岁 · 本科</view>
				</view>
				<view class="avuer">
					<image src="https://web.suqzp.com/public/bg1.png"></image>
				</view>
			</view>
			<view class="skills flex">
				<view class="s-tag fc-66 fs-24">移动端</view>
				<view class="s-tag fc-66 fs-24">PC端</view>
			</view>
			<view class="two-ellipsis pad-top-20 fc-66 fs-26" style="width: 84%;">
				广告学毕业，能为老板想创意，能陪产品做定位，能陪技术找bug...
			</view>
		</view>
		<view class="lookitem">
			<view class="flex">
				<view class="flex-1">
					<view class="fc-32 fs-40">陈大壮
						<text class="fc-66 fs-26 pad-left-30">昨天18:09</text>
					</view>
					<view class="fc-66 fs-26 mar-top-10">7年工作经验 · 25岁 · 本科</view>
				</view>
				<view class="avuer">
					<image src="https://web.suqzp.com/public/bg1.png"></image>
				</view>
			</view>
			<view class="skills flex">
				<view class="s-tag fc-66 fs-24">移动端</view>
				<view class="s-tag fc-66 fs-24">PC端</view>
			</view>
			<view class="two-ellipsis pad-top-20 fc-66 fs-26" style="width: 84%;">
				广告学毕业，能为老板想创意，能陪产品做定位，能陪技术找bug...
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		
		}
	}
</script>

<style lang="scss">
	.wraaper{
		border-top:1px solid #eee;
		.lookitem{
			margin: 0 30rpx;
			padding:30rpx 0;
			border-bottom:1px solid #eee;
			.avuer{
				width: 120rpx;
				height: 120rpx;
				opacity: 1;
				border: 4rpx solid #FFFFFF;
				display: block;
				overflow: hidden;
				border-radius: 50%;
				image{
					width: 120rpx;
					height: 120rpx;
				}
			}
		}
		.skills{
			.s-tag{
				width: 126rpx;
				height:46rpx;
				background: #F5F5F5;
				border-radius:4rpx;
				opacity: 1;
				text-align: center;
				line-height: 46rpx;
				margin-right: 10rpx;
			}
		}
	}
</style>
